<html>
	<head>
		<meta name="layout" content="main"/>
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'uploader.css')}" type="text/css">
		
		<title>Upload</title>

		<!-- Import CSS and Javascript needed for uploader plugin -->
		<r:require modules="bootstrap-file-upload"/>
	</head>
	 <body>
	 	<div class="page-info">
	 		<g:formRemote name="projectDetailsForm" url="[controller: 'admin', action:'updateProject']">
	 			<g:hiddenField name="projectId" value="${projectId}" />
		 		Project Name<br/>
		 		<g:textField name="projectName" value="${projectName}" /><br/><br/>
		 		Project Description (Max length = 5000 characters)<br/>
		 		<g:textArea class="content-text-area" name="projectDescription" rows="6" cols="100" maxlength="5000" value="${projectDescription}"></g:textArea><br/>
	 		
	 			<g:actionSubmit class="orange-button" value="Save Project Details"/>
	 			<g:link class="orange-button" controller="admin" action="deleteProject" params="[projectId : projectId]">Delete Project</g:link>
	 		</g:formRemote>
	 	</div>
	 	<div class="page-info">
	 		<bsfu:fileUpload action="upload" controller="admin" params="[projectId : projectId]"/>
			<bsfu:imageGallery/>
	 	</div>
	</body>
</html>